<html lang="zh-CN" data-redeviation-bs-uid="wmfpuvqyxrr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>可以陪我玩瓦吗？</title>
    <style type="text/css">:root, :host {
        --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
        --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
        --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
        --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
        --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
        --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
        --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
        --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
        --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
        --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";
        --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone";
    }



    .fa-layers svg.svg-inline--fa {
        bottom: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
    }



    .fa-layers svg.svg-inline--fa {
        transform-origin: center center;
    }



    .fa-ul > li {
        position: relative;
    }


    @media (prefers-reduced-motion: reduce) {
        .fa-beat,
        .fa-bounce,
        .fa-fade,
        .fa-beat-fade,
        .fa-flip,
        .fa-pulse,
        .fa-shake,
        .fa-spin,
        .fa-spin-pulse {
            animation-delay: -1ms;
            animation-duration: 1ms;
            animation-iteration-count: 1;
            transition-delay: 0s;
            transition-duration: 0s;
        }
    }

    @keyframes fa-beat {
        0%, 90% {
            transform: scale(1);
        }
        45% {
            transform: scale(var(--fa-beat-scale, 1.25));
        }
    }

    @keyframes fa-bounce {
        0% {
            transform: scale(1, 1) translateY(0);
        }
        10% {
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
        }
        30% {
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
        }
        50% {
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
        }
        57% {
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
        }
        64% {
            transform: scale(1, 1) translateY(0);
        }
        100% {
            transform: scale(1, 1) translateY(0);
        }
    }

    @keyframes fa-fade {
        50% {
            opacity: var(--fa-fade-opacity, 0.4);
        }
    }

    @keyframes fa-beat-fade {
        0%, 100% {
            opacity: var(--fa-beat-fade-opacity, 0.4);
            transform: scale(1);
        }
        50% {
            opacity: 1;
            transform: scale(var(--fa-beat-fade-scale, 1.125));
        }
    }

    @keyframes fa-flip {
        50% {
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
        }
    }

    @keyframes fa-shake {
        0% {
            transform: rotate(-15deg);
        }
        4% {
            transform: rotate(15deg);
        }
        8%, 24% {
            transform: rotate(-18deg);
        }
        12%, 28% {
            transform: rotate(18deg);
        }
        16% {
            transform: rotate(-22deg);
        }
        20% {
            transform: rotate(22deg);
        }
        32% {
            transform: rotate(-12deg);
        }
        36% {
            transform: rotate(12deg);
        }
        40%, 100% {
            transform: rotate(0deg);
        }
    }

    @keyframes fa-spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }



    .svg-inline--fa .fa-primary {
        fill: var(--fa-primary-color, currentColor);
        opacity: var(--fa-primary-opacity, 1);
    }

    .svg-inline--fa .fa-secondary {
        fill: var(--fa-secondary-color, currentColor);
        opacity: var(--fa-secondary-opacity, 0.4);
    }

    .svg-inline--fa.fa-swap-opacity .fa-primary {
        opacity: var(--fa-secondary-opacity, 0.4);
    }

    .svg-inline--fa.fa-swap-opacity .fa-secondary {
        opacity: var(--fa-primary-opacity, 1);
    }

    .svg-inline--fa mask .fa-primary,
    .svg-inline--fa mask .fa-secondary {
        fill: black;
    }

    .fad.fa-inverse,
    .fa-duotone.fa-inverse {
        color: var(--fa-inverse, #fff);
    }</style>
    <link rel="stylesheet" href="style.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
    <script>LA.init({id: "JkV63okvFHrHwPbJ", ck: "JkV63okvFHrHwPbJ"})</script>
    <script src="../jump.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css">#_copy {
        align-items: center;
        background: #4494d5;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 13px;
        height: 30px;
        justify-content: center;
        position: absolute;
        width: 60px;
        z-index: 1000
    }
    </style>
    <style class="redeviation-bs-style" data-name="content">/*! (c) Philipp Koenig under MS-RSL */
    body > div#redeviation-bs-indicator > div {
        opacity: 0;
        pointer-events: none
    }

    body > #redeviation-bs-overlay.redeviation-bs-visible, body > #redeviation-bs-sidebar.redeviation-bs-visible {
        opacity: 1;
        pointer-events: auto
    }

    body.redeviation-bs-noscroll {
        overflow: hidden !important
    }

    body > div#redeviation-bs-indicator > div {
        position: absolute;
        transform: translate3d(-24px, 0, 0);
        top: 0;
        left: 0;
        width: 24px !important;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 0 10px 10px 0;
        transition: opacity .3s, transform .3s;
        z-index: 2
    }

    body > div#redeviation-bs-indicator > div > span {
        -webkit-mask: no-repeat center/24px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-bookmark.svg);
        background-color: #ffffff;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    body > div#redeviation-bs-indicator[data-pos=right] {
        left: auto;
        right: 0
    }

    body > div#redeviation-bs-indicator[data-pos=right] > div {
        transform: translate3d(24px, 0, 0);
        left: auto;
        right: 0;
        border-radius: 10px 0 0 10px
    }

    body > div#redeviation-bs-indicator.redeviation-bs-fullHeight > div {
        border-radius: 0
    }

    body > div#redeviation-bs-indicator.redeviation-bs-hover > div {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    body > div#redeviation-bs-indicator[data-pos=left].redeviation-bs-has-lsb {
        height: 100% !important;
        top: 0 !important
    }

    body > div#redeviation-bs-indicator[data-pos=left].redeviation-bs-has-lsb > div {
        background: rgba(0, 0, 0, 0)
    }

    body > div#redeviation-bs-indicator[data-pos=left].redeviation-bs-has-lsb > div > span {
        -webkit-mask-position-y: 20px
    }

    body > #redeviation-bs-sidebar {
        width: 350px;
        max-width: none;
        height: 0;
        z-index: 2147483646;
        background-color: rgba(0, 0, 0, 0.6) !important;
        color-scheme: auto !important;
        speak: none;
        border: none;
        display: block !important;
        transform: translate3d(-350px, 0, 0);
        transition: width 0s .3s, height 0s .3s, opacity .3s, transform .3s
    }

    body > #redeviation-bs-sidebar[data-pos=right] {
        left: auto;
        right: 0;
        transform: translate3d(350px, 0, 0)
    }

    body > #redeviation-bs-sidebar.redeviation-bs-visible {
        width: calc(100% + 350px);
        height: 100%;
        transform: translate3d(0, 0, 0);
        transition: opacity .3s, transform .3s
    }

    body > #redeviation-bs-sidebar.sidepanel {
        width: 100% !important
    }

    body > #redeviation-bs-sidebar.redeviation-bs-hideMask {
        background: none !important
    }

    body > #redeviation-bs-sidebar.redeviation-bs-hideMask:not(.redeviation-bs-hover) {
        width: calc(350px + 50px)
    }

    body > #redeviation-bs-overlay {
        width: 100%;
        max-width: none;
        height: 100%;
        z-index: 2147483647;
        border: none;
        speak: none;
        background: rgba(0, 0, 0, 0.5) !important;
        color-scheme: auto !important;
        transition: opacity .3s
    }</style>
</head>

<body inmaintabuse="1">
<audio id="yesSound" src="https://sf5-hl-cdn-tos.douyinstatic.com/obj/ies-music/7108171180007377695.mp3"></audio>
<div class="container">
    <img id="mainImage" src="7.jpg" alt="爱心">
    <h1 id="question">宝宝，可以陪我打瓦吗？</h1>
    <div class="buttons">
        <button id="yes">上号！</button>
        <button id="no">拒绝！</button>
    </div>
</div>
<canvas id="c" class="c" style="z-index: -1;text-align: center;" width="1707" height="437"></canvas>

<script>
    var canvas = document.getElementById("c");
    var ctx = canvas.getContext("2d");
    var c = $("#c");
    var w, h;
    var pi = Math.PI;
    var all_attribute = {
        num: 10,
        start_probability: 0.1,
        size_min: 1,
        size_max: 2,
        size_add_min: 0.3,
        size_add_max: 0.5,
        opacity_min: 0.5,
        opacity_max: 0.5,
        opacity_prev_min: .003,
        opacity_prev_max: .005,
        light_min: 0,
        light_max: 90
    };
    var style_color = find_random(0, 360);
    var all_element = [];

    function start() {

        window.requestAnimationFrame(start);
        style_color += 0.1;
        ctx.fillStyle = 'hsl(' + style_color + ',100%,97%)';
        ctx.fillRect(0, 0, w, h);
        if (all_element.length < all_attribute.num && Math.random() < all_attribute.start_probability) {
            all_element.push(new ready_run);
        }
        all_element.map(function (line) {
            line.to_step();
        })
    }

    function ready_run() {
        this.to_reset();
    }

    function arc_heart(x, y, z, m) {
        y -= m * 10;
        ctx.moveTo(x, y);
        z *= 0.05;
        ctx.bezierCurveTo(x, y - 3 * z, x - 5 * z, y - 15 * z, x - 25 * z, y - 15 * z);
        ctx.bezierCurveTo(x - 55 * z, y - 15 * z, x - 55 * z, y + 22.5 * z, x - 55 * z, y + 22.5 * z);
        ctx.bezierCurveTo(x - 55 * z, y + 40 * z, x - 35 * z, y + 62 * z, x, y + 80 * z);
        ctx.bezierCurveTo(x + 35 * z, y + 62 * z, x + 55 * z, y + 40 * z, x + 55 * z, y + 22.5 * z);
        ctx.bezierCurveTo(x + 55 * z, y + 22.5 * z, x + 55 * z, y - 15 * z, x + 25 * z, y - 15 * z);
        ctx.bezierCurveTo(x + 10 * z, y - 15 * z, x, y - 3 * z, x, y);
    }

    ready_run.prototype = {
        to_reset: function () {
            var t = this;
            t.x = find_random(0, w);
            t.y = find_random(0, h);
            t.size = find_random(all_attribute.size_min, all_attribute.size_max);
            t.size_change = find_random(all_attribute.size_add_min, all_attribute.size_add_max);
            t.opacity = find_random(all_attribute.opacity_min, all_attribute.opacity_max);
            t.opacity_change = find_random(all_attribute.opacity_prev_min, all_attribute.opacity_prev_max);
            t.light = find_random(all_attribute.light_min, all_attribute.light_max);
            t.color = 'hsl(330, 100%, 75%)';
        },
        to_step: function () {
            var t = this;
            t.opacity -= t.opacity_change;
            t.size += t.size_change;
            if (t.opacity <= 0) {
                t.to_reset();
                return false;
            }
            ctx.fillStyle = t.color;
            ctx.globalAlpha = t.opacity;
            ctx.beginPath();
            arc_heart(t.x, t.y, t.size, t.size);
            ctx.closePath();
            ctx.fill();
            ctx.globalAlpha = 1;
        }
    }

    function window_resize() {
        w = window.innerWidth;
        h = window.innerHeight;
        canvas.width = w;
        canvas.height = h;
    }

    $(window).resize(function () {
        window_resize();
    });

    function find_random(num_one, num_two) {
        return Math.random() * (num_two - num_one) + num_one;
    }
</script>

    <script>
        // 获取DOM元素
        const yesSound = document.getElementById('yesSound');
        let yesButton = document.getElementById('yes');
        let noButton = document.getElementById('no');
        let questionText = document.getElementById('question');
        let mainImage = document.getElementById('mainImage');

        // 初始化点击计数器
        let clickCount = 0;

        // 定义按钮文本数组
        const noTexts = [
            "宝宝！我给你架枪！",
            "宝宝！我给你发枪！",
            "宝宝！我很腻害哒！ ",
            "宝宝！只给你一个人奶",
            "球球了宝宝"
        ];

        // 定义图片数组
        const images = [
            "2.jpg",
            "5.jpg",
            "10.jpg",
            "9.jpg",
            "6.jpg"
        ];

        // 绑定"否"按钮事件
        noButton.addEventListener('click', function() {
            clickCount++;

            // 增大"是"按钮
            yesButton.style.transform = `scale(${1 + clickCount * 1.2})`;

            // 移动"否"按钮位置
            noButton.style.transform = `translateX(${clickCount * 50}px)`;

            // 同时移动图片和问题文本
            mainImage.style.transform = `translateY(${-clickCount * 25}px)`;
            questionText.style.transform = `translateY(${-clickCount * 25}px)`;

            // 更新按钮文本
            if (clickCount <= 5) {
                noButton.innerHTML = noTexts[clickCount - 1];
            }

            // 更新图片
            if (clickCount <= 5) {
                mainImage.src = images[clickCount - 1];
            }
        });

        // 绑定"是"按钮事件
        yesButton.addEventListener('click', function() {
            setTimeout(function() {
                yesSound.play();
            }, 100);

            // 假设这是一个调整窗口的函数
            function window_resize() {
                // 这里可以添加窗口调整逻辑
            }

            // 假设这是一个启动动画的函数
            function start() {
                // 这里可以添加动画启动逻辑
            }

            // 创建结果元素
            const resultDiv = document.createElement('div');
            resultDiv.className = 'yes-screen';
            resultDiv.innerHTML = `
                <h1 class="yes-text">爱你~宝宝！！ ( >ω< )♡✨</h1>
                <img src="7.jpg" alt="拥抱" class="yes-image">
            `;

            // 清空文档并添加结果元素
            document.body.innerHTML = '';
            document.body.appendChild(resultDiv);

            // 创建一个简单的canvas动画
            const canvas = document.createElement('canvas');
            canvas.id = 'canvas';
            canvas.style.position = 'fixed';
            canvas.style.top = '0';
            canvas.style.left = '0';
            canvas.style.width = '100%';
            canvas.style.height = '100%';
            canvas.style.pointerEvents = 'none';
            canvas.style.zIndex = '1000';
            document.body.appendChild(canvas);

            const ctx = canvas.getContext('2d');
            const width = window.innerWidth;
            const height = window.innerHeight;
            canvas.width = width;
            canvas.height = height;

            // 创建粒子
            const particles = [];
            for (let i = 0; i < 100; i++) {
                particles.push({
                    x: Math.random() * width,
                    y: Math.random() * height,
                    radius: Math.random() * 5 + 2,
                    color: `rgba(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255}, 0.8)`,
                    speedX: (Math.random() - 0.5) * 4,
                    speedY: (Math.random() - 0.5) * 4
                });
            }

            // 动画循环
            function animate() {
                ctx.clearRect(0, 0, width, height);

                particles.forEach(particle => {
                    particle.x += particle.speedX;
                    particle.y += particle.speedY;

                    if (particle.x < 0 || particle.x > width) {
                        particle.speedX *= -1;
                    }

                    if (particle.y < 0 || particle.y > height) {
                        particle.speedY *= -1;
                    }

                    ctx.beginPath();
                    ctx.arc(particle.x, particle.y, particle.radius, 0, Math.PI * 2);
                    ctx.fillStyle = particle.color;
                    ctx.fill();
                });

                requestAnimationFrame(animate);
            }

            animate();
        });
    </script>


<script src="chrome-extension://onepmapfbjohnegdmfhndpefjkppbjkm/sm.bundle.js" data-pname="supercopy-v3"
        data-asset-path="https://spc4.s3.ap-east-1.amazonaws.com"></script>
<bookmark-sidebar-d7kg7v1gind id="redeviation-bs-sidebar" class="notranslate" aria-hidden="true" data-theme="default"
                              data-pos="left"></bookmark-sidebar-d7kg7v1gind>

</body>


</html>